<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单-订单详情</title>
		<link rel="icon shortcut" type="image/x-icon" href="../../img/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_357896_h34xghm403jfko6r.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common/usercommon.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/datalist-detail.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/requisition-detail.css"/>
	</head>
	<body>
		<!--site-header start-->
		<nav class="site-header ylogin">
			<div class="container clearfix">
				<div class="header-logo"><a href="index.html"></a></div>
				<div class="header-nav">
					<ul class="nav-list">
						<li class="nav-item"><a class="active" href="index.html">首页</a></li>
						<li class="nav-item"><a href="html/casebase.html">案例库</a></li>
						<li class="nav-item"><a href="html/news.html">资讯</a></li>
						<li class="nav-item"><a href="html/footer/aboutus.html">关于我们</a></li>
						<li class="nav-item nav-more">
							<a href="javascript:void(0)">更多</a>
							<div class="more-list">
								<div class="item active"><a href="applyforenter.html">专利申请</a></div>
								<div class="item"><a href="footer/aboutus.html">关于我们</a></div>
							</div>
						</li>
					</ul>
				</div>
				<div class="header-search clearfix">
					<div class="header-login">
						<!--未登录 start-->
						<div class="login no-login"><a href="html/login.html">登录</a></div>
						<div class="login no-login registerbtn"><a href="html/register.html">注册</a></div>
						<!--未登录 end-->
						<!--已登录 start-->
						<div class="login y-login">
							<a href="">
								<div class="icon-user"><img src="../../img/icon-user.png"/></div>
							</a>
						</div>
						<!--已登录 end-->
						<div class="login-user">
							<div class="user-item item-usecenter"><a href="">个人中心</a></div>
							<div class="user-item item-message"><a href="">消息<span class="message-num">5</span></a></div>
							<div class="user-item item-exit">退出登录</div>
						</div>
					</div>
					<!--用户登录之后    用户类型为需求方，显示‘发布需求’;  用户类型为服务方,显示‘发布作品’;-->
					<!--<div class="header-pdemand header-pbtn">发布需求</div>-->
					<div class="header-pcasebtn header-pbtn"><a href="">发布作品</a></div>
					<div class="search clearfix">
						<form action="" method="post">
							<div class="search-type">
								<span class="type">案例</span>
								<span class="selectOff"></span>
								<div class="type-list">
									<div class="item active">案例</div>
									<div class="item">服务方</div>
								</div>
							</div>
							<div class="search-text"><input type="text" id="" value="" placeholder="请输入搜索关键字" /></div>
							<button class="header-searchbtn" type="button"></button>
						</form>
					</div>
				</div>
			</div>
		</nav>
		<!--site-header end-->
		<!--用户中心 顶部显示 start-->
		<header class="content-header">
			<div class="container">
				<!--入驻流程 start-->
				<div class="header-process clearfix" style="display: none;">
					<div class="process">
						<p class="ptitle">入驻流程 :</p>
						<span class="label active"><i class="iconfont icon-icon-complete"></i>公司信息<i class="xian">-----</i></span>
						<span class="label active"><i class="iconfont icon-icon-edit"></i>专长品类<i class="xian">-----</i></span>
						<span class="label"><i class="iconfont icon-icon-edit"></i>营业执照<i class="xian">-----</i></span>
						<span class="label"><i class="iconfont icon-icon-edit"></i>银行账户<i class="xian">-----</i></span>
						<span class="label"><i class="iconfont icon-icon-edit"></i>上传案例（5个以上）</span>
					</div>
					<a class="hbtn">提交审核</a>
				</div>
				<!--入驻流程 end-->
				<!--公司名称、logo等信息-->
				<div class="header-info">
					<!--类名iconfont 控制是否已认证-->
					<div class="info-logo info-label iconfont">
						<div class="img-wrapper"><img src="../../img/infor/company-logo.jpg"/></div>
					</div>
					<span class="info-name info-label">广州泽沐信息科技有限责任公司</span>
					<div class="info-type info-label">服务方</div>
				</div>
			</div>
		</header>
		<!--用户中心 顶部显示 start-->
		<!--用户中心  内容显示区域 start-->
		<div class="main">
			<div class="container clearfix">
				<aside class="main-left contentbg">
					<ul class="main-list">
						<li>
							<div class="list-div iconfont"><i class="iconfont icon-icon-infor"></i>资料</div>
							<ul class="list-wrapper">
								<li><a href="account-infor.html">账户信息</a></li>
								<li><a href="company-infor.html">公司信息</a></li>
								<li><a href="category.html">专长品类</a></li>
								<li><a href="approve.html">认证证件</a></li>
								<li><a href="finance.html">财务信息</a></li>
							</ul>
						</li>
						<li>
							<div class="list-div"><i class="iconfont icon-icon-case"></i>案例</div>
							<ul class="list-wrapper">
								<li><a href="">审核中的案例</a></li>
								<li><a href="">历史案例</a></li>
							</ul>
						</li>
						<li>
							<div class="list-div"><i class="iconfont icon-icon-require"></i>需求</div>
							<ul class="list-wrapper">
								<li><a href="requisition.html">进行中的需求</a></li>
								<li><a href="">历史需求</a></li>
							</ul>
						</li>
						<li>
							<div class="list-div"><i class="iconfont icon-icon-order"></i>订单</div>
							<ul class="list-wrapper">
								<li><a class="active" href="order.html">进行中的订单</a></li>
								<li><a href="">历史订单</a></li>
							</ul>
						</li>
						<li>
							<div class="list-div"><i class="iconfont icon-icon-patent"></i>专利</div>
							<ul class="list-wrapper">
								<li><a href="patent.html">进行中的专利</a></li>
								<li><a href="">历史专利</a></li>
							</ul>
						</li>
					</ul>
				</aside>
				<article class="main-right">
					<!--列表顶部 start-->
					<section class="article-header contentbg">
						<ul class="tab-wrapper clearfix">
							<li class="tab-nav active">订单详情</li>
							<li class="tab-nav">里程碑</li>
							<li class="tab-nav">文件管理</li>
							<li class="tab-nav">跟进信息</li>
						</ul>
						<!--项目状态 view start-->
						<div class="status-view tab-view clearfix">
							<div class="view-left">
								<p class="status">市场调研</p>
								<span class="text">请上传市场调研</span>
							</div>
							<div class="view-right">
								<span>评审截至时间：<i class="timer">2018年3月21日</i></span>
								<a class="btn borderbtn">上传市场调研</a>
							</div>
						</div>
						<!--项目状态 view end-->
						<!--里程碑 start-->
						<div class="milestone-view tab-view">
							<ul class="view-flow clearfix">
								<li class="chart active">
									<div></div>
									<span>推荐需求</span>
								</li>
								<li class="chart under">
									<div></div>
									<span>匹配需求</span>
								</li>
								<li class="chart">
									<div></div>
									<span>设计外观/结构</span>
								</li>
							</ul>
							<ul class="view-text">
								<li class="item active clearfix">
									<div class="left"></div>
									<div class="right">
										<p class="time text">2018-3-15 12：30</p>
										<span class="text">已参与平台推荐的需求，等待匹配。</span>
									</div>
								</li>
								<li class="item clearfix">
									<div class="left"></div>
									<div class="right">
										<p class="time text">2018-3-15 12：30</p>
										<span class="text">已参与平台推荐的需求，等待匹配。</span>
									</div>
								</li>
								<li class="item clearfix">
									<div class="left"></div>
									<div class="right">
										<p class="time text">2018-3-15 12：30</p>
										<span class="text">已参与平台推荐的需求，等待匹配。</span>
									</div>
								</li>
							</ul>
						</div>
						<!--里程碑 end-->
						<!--文件管理 start-->
						<div class="file-view tab-view">
							<div class="file-item">
								<div class="item-title">交付文件</div>
								<ul class="file-list clearfix">
									<li class="li">
										<div class="file-info">
											<div class="type">pptx</div>
											<div class="text">
												<p>市场调研报告占占占占占占占...</p>
												<span>2018年3月22日 12:33</span>
											</div>
											<a class="iconfont icon-icon-download fr" href="" title="下载"></a>
										</div>
										<div class="file-type clearfix">
											<p>上传方：广州泽沐信息有限责任公司...</p>
											<span class="tlable">市场调研</span>
										</div>
									</li>
									<li class="li">
										<div class="file-info">
											<div class="type">pptx</div>
											<div class="text">
												<p>市场调研报告占占占占占占占...</p>
												<span>2018年3月22日 12:33</span>
											</div>
											<a class="iconfont icon-icon-download fr" href="" title="下载"></a>
										</div>
										<div class="file-type clearfix">
											<p>上传方：广州泽沐信息有限责任公司...</p>
											<span class="tlable">市场调研</span>
										</div>
									</li>
									<li class="li">
										<div class="file-info">
											<div class="type">pptx</div>
											<div class="text">
												<p>市场调研报告占占占占占占占...</p>
												<span>2018年3月22日 12:33</span>
											</div>
											<a class="iconfont icon-icon-download fr" href="" title="下载"></a>
										</div>
										<div class="file-type clearfix">
											<p>上传方：广州泽沐信息有限责任公司...</p>
											<span class="tlable">市场调研</span>
										</div>
									</li>
									<li class="li">
										<div class="file-info">
											<div class="type">pptx</div>
											<div class="text">
												<p>市场调研报告占占占占占占占...</p>
												<span>2018年3月22日 12:33</span>
											</div>
											<a class="iconfont icon-icon-download fr" href="" title="下载"></a>
										</div>
										<div class="file-type clearfix">
											<p>上传方：广州泽沐信息有限责任公司...</p>
											<span class="tlable">市场调研</span>
										</div>
									</li>
								</ul>
							</div>
							<div class="file-item">
								<div class="item-title file-other">
									<span>参考文件</span>
									<div class="btn-wrapper">
										<span>注意：请不要在此上传交付文件。</span>
										<a class="btn borderbtn">上传参考文件</a>
									</div>
								</div>
								<ul class="file-list clearfix">
									<li class="li">
										<div class="file-info">
											<div class="type">pptx</div>
											<div class="text">
												<p>产品背景资料与要求.zip</p>
												<span>2018年3月22日 12:33</span>
											</div>
											<a class="iconfont icon-icon-download fr" href="" title="下载"></a>
										</div>
										<div class="file-type clearfix">
											<p>上传方：广州泽沐信息有限责任公司...</p>
											<span class="tlable">参考文件</span>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<!--文件管理 end-->
						<!--跟进信息 start-->
						<div class="follow-view tab-view">
							<dl class="follow-list table">
								<dt class="list-header">
									<div class="width100">需求状态</div>
									<div class="width240">备注信息</div>
									<div class="width180">跟进人</div>
									<div class="width180">跟进时间</div>
								</dt>
								<dd class="list-li">
									<div class="width100">三维数据</div>
									<div class="width240">三维数据图稿已经上传，请及时查看，有需求修改请提出。</div>
									<div class="width180">广州泽沐信息有限责任</div>
									<div class="width180">2018年3月20日 12：30</div>
								</dd>
								<dd class="list-li">
									<div class="width100">三维数据</div>
									<div class="width240">三维数据图稿已经上传，请及时查看，有需求修改请提出。</div>
									<div class="width180">广州泽沐信息有限责任</div>
									<div class="width180">2018年3月20日 12：30</div>
								</dd>
								<dd class="nodata-line">--- 暂无数据 ---</dd>
							</dl>
						</div>
						<!--跟进信息 end-->
					</section>
					<!--订单信息预览 start-->
					<section class="article-center detailview contentbg">
						<header class="view-header">
							<h2>不锈钢电子茶壶 <a class="contactbtn">下载合同</a></h2>
							<p class="width50">需求方：广州来设计有限公司</p>
							<p class="width50">设计方：广州泽沐信息科技有限责任公司</p>
							<p class="width50">需求编号：2018042400001re</p>
							<p class="width50">订单编号：2018042400001re<span class="tlabel">外观设计</span></p>
							
							<p>联系人： 林先生</p>
							<p>联系电话：13000000000</p>
							<p>联系邮箱：13000000000@163.com</p>
						</header>
						<div class="view-main">
							<div class="data-item">
								<h4><span class="num">1</span>需求信息</h4>
								<div class="item-li">
									<span class="label">生成时间</span>
									<p class="text">2018年3月19日 12：00</p>
								</div>
								<div class="item-li">
									<span class="label">合作模式</span>
									<p class="text">项目制</p>
								</div>
								<div class="item-li">
									<span class="label">产品品类</span>
									<p class="text">家电类—风扇—落地扇/壁扇/吊扇</p>
								</div>
								<div class="item-li">
									<span class="label">设计方案</span>
									<p class="text">
										外观设计 
										<span>项目启动金：<i class="yelow">￥15000元</i></span>
										<span>销售提成：<i class="yelow">￥1元</i></span>
									</p>
								</div>
								<div class="item-li">
									<span class="label">服务内容</span>
									<p class="text">全新设计</p>
								</div>
								<div class="item-li">
									<span class="label">应用场景</span>
									<p class="text">室内</p>
								</div>
								<div class="item-li">
									<span class="label">参考信息</span>
									<p class="text">www.laisj.com</p>
								</div>
								<div class="item-li state">
									<span class="label">需求备注</span>
									<p class="text">Pillowy是用压力来控制加湿程度大小的加湿器，犹如捏挤牙膏一样，当你施加压力越大，机器释放的湿度越大。全身通体圆润，出雾口也是进水口。这种令人难忘的设计将给我们带来更丰富的用户体验。</p>
								</div>
								<div class="item-li li-file">
									<span class="label">产品资料</span>
									<div class="text">
										<div class="file clearfix">
											<p class="file-name">产品背景.ppt</p>
											<a class="downbtn" href=""><i class="iconfont icon-icon-download"></i>下载</a>
										</div>
										<div class="file clearfix">
											<p class="file-name">产品背景.ppt</p>
											<a class="downbtn" href=""><i class="iconfont icon-icon-download"></i>下载</a>
										</div>
									</div>
								</div>
							</div>
							<div class="data-item item-label clearfix">
								<h4><span class="num">2</span>需求标签</h4>
								<div class="item-li">
									<span class="label">产品定位</span>
									<p class="text">高端、中高端</p>
								</div>
								<div class="item-li">
									<span class="label">销售区域</span>
									<p class="text">内销</p>
								</div>
								<div class="item-li">
									<span class="label">主要材质</span>
									<p class="text">塑料</p>
								</div>
								<div class="item-li">
									<span class="label">控制方式</span>
									<p class="text">电子</p>
								</div>
								<div class="item-li">
									<span class="label">产品风格</span>
									<p class="text">日韩风格</p>
								</div>
								<div class="item-li">
									<span class="label">产品属性</span>
									<p class="text">科技感强</p>
								</div>
								<div class="item-li">
									<span class="label">适用人群</span>
									<p class="text">职场人群</p>
								</div>
							</div>
						</div>
					</section>
					<!--订单信息预览 end-->
				</article>
			</div>
		</div>
		<!--用户中心  内容显示区域 end-->
		<!--site-footer start-->
		<footer class="site-footer">
			<div class="container clearfix">
				<dl class="footer-links">
					<dt>关于来设计</dt>
					<dd><a href="">服务协议</a></dd>
					<dd><a href="">关于我们</a></dd>
					<dd><a href="">加入我们</a></dd>
					<dd><a href="">网站地图</a></dd>
				</dl>
				<dl class="footer-links">
					<dt>帮助中心</dt>
					<dd><a href="">合作伙伴</a></dd>
					<dd><a href="">常见问题</a></dd>
					<dd><a href="">用户反馈</a></dd>
				</dl>
				<dl class="footer-links">
					<dt>友情链接</dt>
					<dd><a href="">家电网</a></dd>
					<dd><a href="">硬件开发外包</a></dd>
					<dd><a href="">打印虎</a></dd>
					<dd><a href="">北京工业设计公司</a></dd>
					<dd><a href="">更多</a></dd>
				</dl>
				<div class="footer-contact clearfix">
					<div class="contact-tel clearfix">
						<div class="contact-code fl">
							<img src="../../img/footer-code.jpg"/>
							<p>来设计服务号</p>
						</div>
						<div class="contact-phone fl">
							<p class="foot16 tel">服务热线：<a href="tel:400-930-9997">4009-309-997</a></p>
							<p class="foot14 time">09:00 - 18:00  [工作日]</p>
						</div>
					</div>
					<div class="contact-address">
						<p>广州总部 / 广东省广州市天河区陶庄路5号五号空间创意园3楼3F012-13</p>
						<p>佛山 / 广东省佛山市顺德区容桂镇冠天新站广场</p>
					</div>
				</div>
			</div>
			<!--site-info start-->
			<div class="site-info">
				<div class="container">
					<div>Copyright &copy; 2016-2018 来设计 laisj 版权所有 粤ICP备16061052号</div>
				</div>
			</div>
			<!--site-info end-->
		</footer>
		<!--site-footer end-->
		<!--site-toobar start-->
		<div class="site-toolbar">
			<!--在线咨询 start-->
			<div class="toolbar-tool toolbar-lineinfo">
				<a href="">
					<div></div>
					<p>在线咨询</p>
				</a>
			</div>
			<!--在线咨询 end-->
			<!--回到顶部按钮 start-->
			<div class="toolbar-tool toolbar-topbtn"></div>
			<!--回到顶部按钮 start-->
		</div>
		<!--site-toobar end-->
	</body>
	<script src="../../js/common/jquery-1.12.4.min.js" ></script>
	<script src="../../js/common.js" ></script>
	<script src="../../js/common/usercommon.js" ></script>
	<script src="../../js/datalist-detail.js" ></script>
  	<script>
  		$( function() {
  			
		    
	    });
  	</script>
  
</html>
